<!DOCTYPE html>
<html lang="ja">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Document</title>
    </head>
    <style>
        body {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }
        .article_content {
            width: 80%;
        }

        .langBox {
            position: fixed;
            top: 20px;
            right: 20px;
            display: flex;
            flex-direction: row;
        }
        .lang {
            margin: 0 10px;
        }
    </style>
    <body>
        <div id="article_content" class="article_content clearfix">
            <link
                rel="stylesheet"
                href="https://csdnimg.cn/release/blogv2/dist/mdeditor/css/editerView/kdoc_html_views-1a98987dfd.css"
            />
            <link
                rel="stylesheet"
                href="https://csdnimg.cn/release/blogv2/dist/mdeditor/css/editerView/ck_htmledit_views-704d5b9767.css"
            />

            <div id="content_views" class="htmledit_views">
                <p style="text-align: center">
                    <img alt="" src="./pakeplus.png" width="197" />
                </p>
                <p>
                    PakePlusはオープンソースで無料のソフトウェアで、Mac、Windows、およびLinuxをサポートし、まもなくAndroidとiOSもサポートします。ローカルで複雑な依存環境をインストールする必要はなく、GitHubトークンがあれば十分です。人気のあるパッケージやカスタム開発情報については、READMEをご確認ください。<a
                        href="https://github.com/Sjj1024/PakePlus/discussions"
                        title="ディスカッションエリア"
                        >ディスカッションエリア</a
                    >でご提案をシェアしてください。オープンソースアドレス：<a
                        href="https://github.com/Sjj1024/PakePlus"
                        title="https://github.com/Sjj1024/PakePlus"
                        >https://github.com/Sjj1024/PakePlus</a
                    >
                </p>
                <h2 id="%E7%89%B9%E6%80%A7"><a name="t2"></a>特徴</h2>
                <p>- 🎐 Electronパッケージの約20分の1のサイズ（約5M！）</p>
                <p>
                    - 🚀 Rust
                    Tauriを使用しているため、PakePlusはJSベースのフレームワークよりも軽量で高速です。
                </p>
                <p>
                    - 📦
                    豊富な機能パッケージを内蔵し、ショートカット、没入型ウィンドウ、ミニマルカスタマイズに対応。
                </p>
                <p>
                    - 👻
                    PakePlusはシンプルなツールです。古いパッケージ方法の代わりにTauriを使用します（PWAも十分です）。
                </p>
                <p>
                    - 🤗
                    PakePlusは使いやすく、GitHubトークン1つでデスクトップアプリが取得できます。
                </p>
                <p>
                    - 🌹
                    ローカルに複雑な依存環境をインストールする必要はなく、GitHub
                    Actionによりクラウドで自動パッケージングが可能です。
                </p>
                <p>
                    - 🧑‍🤝‍🧑
                    国際化に対応し、グローバルユーザーに非常にフレンドリーで、コンピュータのシステム言語に自動で従います。
                </p>
                <p></p>
                <h2><a name="t3"></a>GitHubトークンを取得する</h2>
                <p>
                    なぜGitHubトークンが必要なのか？このコンパイルとパッケージプロセスは完全にGitHubプラットフォームに依存しており、パッケージ化するWebコードもGitHubで管理されているため、これらのタスクを操作するにはGitHubトークンが必要です。このトークンには、バージョンごとに異なる特定の権限が必要です。
                </p>
                <h3><a name="t4"></a>1. ベータバージョントークン</h3>
                <p>権限説明：</p>
                <p>
                    全リポジトリ：オリジナルテンプレートリポジトリをフォークするため
                </p>
                <p>Actions：GitHubアクションを操作</p>
                <p>管理：リポジトリのフォークおよびファイル管理</p>
                <p>内容：リポジトリ内容の追加/削除/変更/検索操作</p>
                <p>Issues：PakePlusへの問題提出</p>
                <p>Workflows：ソフトウェアのコンパイルとパッケージングに使用</p>
                <p>
                    まず、GitHubアカウントにログインし、リンクをクリックして取得します：<a
                        href="https://github.com/settings/tokens?type=beta"
                        title="https://github.com/settings/tokens?type=beta"
                        >https://github.com/settings/tokens?type=beta</a
                    >、または<a
                        href="https://github.com/settings"
                        title="&nbsp;設定"
                        >&nbsp;設定</a
                    >
                    &gt;&nbsp;<a
                        href="https://github.com/settings/apps"
                        title="開発者設定"
                        >開発者設定</a
                    >&nbsp;の下で取得します：
                </p>
                <p>
                    <img alt="" src="./token1.png" width="1200" />
                </p>
                <p>新しいトークンを生成：</p>
                <p>
                    トークンの名前を入力し、有効期限を「無期限」に設定し、任意の説明を記入し、全リポジトリを選択します。
                </p>
                <p>
                    <img alt="" src="./token2.png" width="1200" />
                </p>
                <p>
                    権限を設定します：赤枠でマークされた権限を付与し、アクセスを「読み取りおよび書き込み」に設定します。
                </p>
                <p>
                    <img alt="" src="./token3.png" width="1200" />
                </p>
                <p>
                    <img alt="" src="./token4.png" width="1200" />
                </p>
                <p>
                    <img alt="" src="./token5.png" width="1200" />
                </p>
                <p>
                    <img alt="" src="./token7.png" width="1200" />
                </p>
                <p>
                    最後に、一番下の「Generate token」をクリックします：&nbsp;
                </p>
                <p>
                    <img alt="" src="./token8.png" width="1200" />
                </p>
                <p>取得したトークンをPakePlusにコピーします：</p>
                <p>
                    <img alt="" src="./token9.png" width="1200" />
                </p>
                <p></p>
                <h3><a name="t5"></a>2. クラシックバージョントークン</h3>
                <p>権限説明：</p>
                <p>リポ：テンプレートコードのフォークと管理</p>
                <p>ワークフロー：ソフトウェアのコンパイルとリリース</p>
                <p></p>
                <p>
                    まず、GitHubアカウントにログインし、リンクをクリックして取得します：<a
                        href="https://github.com/settings/tokens"
                        title="https://github.com/settings/tokens"
                        >https://github.com/settings/tokens</a
                    >、または<a
                        href="https://github.com/settings"
                        title="&nbsp;設定"
                        >&nbsp;設定</a
                    >
                    &gt;&nbsp;<a
                        href="https://github.com/settings/apps"
                        title="開発者設定"
                        >開発者設定</a
                    >&nbsp;の下で取得します：
                </p>
                <p>
                    <img alt="" src="./token10.png" width="1200" />
                </p>
                <p>
                    以下の権限のみをチェックする必要があります：リポとワークフロー
                </p>
                <p>
                    <img alt="" src="./token11.png" width="1200" />
                </p>
                <p>取得したトークンをPakePlusにコピーします：</p>
                <p>
                    <img alt="" src="./token12.png" width="1200" />
                </p>
                <p>トークンが使用可能である場合、成功として表示されます：</p>
                <p>
                    <img alt="" src="./token13.png" width="1200" />
                </p>
                <p>
                    PakePlusにトークンを入力した後、次のステップに進む前に使用可能かどうかを確認するのがベストです。&nbsp;
                </p>
                <p></p>
                <h2><a name="t6"></a>プロジェクトを作成して設定する</h2>
                <p>
                    プロジェクト名は英語で入力する必要があります。入力後、確認をクリックし、数分待ちます。次のページでは、パッケージ化したいウェブサイトのアドレスとアプリ名を設定し、アイコンをアップロードします。事前にローカルに正方形のpngアイコンを用意してアップロードするのがベストです。そうしないとトリミングが行われ、期待通りの結果が得られない可能性があります。
                </p>
                <p>
                    <img alt="" src="./token14.png" width="1200" />
                </p>
                <p>
                    プロジェクトの設定が完了したら、「プレビュー」をクリックし、プログラムの最終効果が表示されるウィンドウを開くことができます。正しく表示されれば問題ありません。また、ウィンドウサイズの設定を行い、ページがよりユーザーフレンドリーになるように調整することも可能です。
                </p>
                <p>
                    <img alt="" src="./token15.png" width="1200" />
                </p>
            </div>
        </div>
        <div class="langBox">
            <a class="lang" href="https://sjj1024.github.io/PakePlus/index.html"
                >English</a
            >
            <a
                class="lang"
                href="https://sjj1024.github.io/PakePlus/index_zh.html"
                >中文</a
            >
            <a
                class="lang"
                href="https://sjj1024.github.io/PakePlus/index_ja.html"
                >日语</a
            >
        </div>
    </body>
</html>
